<template>
    <div>
        <div class="g-header">
            <gnerv-header></gnerv-header>
        </div>
        <div class="g-sider">
            <gnerv-sider></gnerv-sider>
        </div>
        <div class="g-content">
            <gnerv-content></gnerv-content>
        </div>
    </div>
</template>

<script>

    import GnervHeader from './GnervCat/GnervHeader';
    import GnervSider from './GnervCat/GnervSider';
    import GnervContent from './GnervCat/GnervContent';

    export default {
        name: "gnerv-cat",
        components: {
            GnervHeader,
            GnervSider,
            GnervContent
        }
    }
</script>

<style scoped>
    .g-header {
        height: 50px;
        background-color: #c3d9ff;
    }

    .g-sider {
        position: fixed;
        width: 200px;
        height: 100%;
        overflow-x: auto;
        overflow-y: auto;
        background-color: #2baee9;
    }
    .g-content {
        position: fixed;
        margin-left: 205px;
        padding-right: 210px;
        width: 100%;
    }

</style>